@charset "utf-8";
/* CSS Document */
ul,li,div,h1,h2,h3,a,p,span,img,form,tr,th,dd,dl,dt{padding:0px;margin:0px;border:0px;font-family:inherit;}
ul,li,dl,dd,dt{list-style-type:none;}
html{overflow-y:scroll;}
body{font-size:12px;color:#333;line-height:1.5em;font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; margin:0; padding:0;}
a:link,a:visited,a:hover{ color:#333; text-decoration:none; font-size:12px; font-family::"Microsoft Yahei","宋体", Arial, Helvetica, sans-serif;}

.wrapper{width:1000px; margin:0 auto;}
.mr25{ margin-right:25px;}

/*top*/
.header{ height:153px; overflow:hidden; border-bottom:2px solid #c8c7c7; position:relative;}
.header .top{ height:27px; background-color:#333; text-align:right;color:#fff; padding-top:5px;}
.header .top img{ vertical-align:middle;}
.header .top a{ color:#fff; padding:0 10px;}
.header .top a:hover{color:#ff8b00;}

.header .banner{ height:57px; background-color:#83aa01; padding:20px 0px 0px;}
.header .banner .logo{float:left; width:300px;padding-left:100px;}
.header .banner .search{float:right;position:relative;}
.header .banner .search input{ border:0px; height:30px; width:400px; line-height:30px; font-size:16px;}
.header .banner .search .btn{background:url(../images/s-btn.jpg) no-repeat 0 2px;border: 0 none;display: block;height:30px;position: absolute;right:0;
text-indent: -9999em;top: 0;width:30px; cursor:pointer;}

/*menu*/
.header .menu{ background-color:#f5f6f7; height:44px; line-height:44px;}
.header .menu .share{ width:280px; float:left;}
.header .menu ul{width:720px; float:right;}
.header .menu ul li{ float:left; display:inline; width:120px; background:url(../images/menu_line.gif) right no-repeat; text-align:center;}
.header .menu ul li a{font-size:16px;}
.header .menu ul li a:hover{ font-size:16px;color:#ff8b00;}
.header .menu ul li:hover{ background-color:#efefef; display:block;}

.header .robot{ position:absolute; background:url(../images/robot.gif) no-repeat; z-index:150; width:75px; height:131px;}

/*main*/
.main{overflow:hidden; background-color:#f5f6f7;}
.bg{ background-color:#fff; height:auto; overflow:hidden;padding:0 10px; width:980px;}

/*left*/
.main .left{ float:left; height:auto; overflow:hidden; margin-top:10px; width:220px;}
.main .left .choose{width:212px; height:192px; border:1px solid #ddd; padding:3px;}
.main .left .choose .title{ height:28px; line-height:28px; width:212px; background-color:#83aa01; text-align:center; color:#fff; font-size:14px;}
.main .left .choose .con{ padding:30px 15px;}
.main .left .choose .con img{ float:left;}
.main .left .choose .con p{ float:right; width:115px; margin-top:10px;}
.main .left .choose .con a{ color:#107bc0;}
.main .left .choose .con a:hover{ color:#ff8b00;}
/*app*/
.main .left .hotapp,.hotzx{ height:auto;width:220px;margin-top:15px;}
.main .left h2{padding:7px 12px;position: relative;font-size:16px;background: #ececec; position:relative;
border-bottom: 2px solid #363636;height:21px; font-weight:normal;}
.main .left h2 span.hot{background:url(../images/hot.gif) no-repeat; position:absolute;display: block;bottom:0;right:8px;
width: 62px; height:43px;}
.main .left .hotapp ul{width:202px; border:1px solid #ddd; padding:10px 6px 10px 10px; border-top:none; height:200px; overflow:hidden;}
.main .left .hotapp ul li{ width:95px; height:95px; float:left; display:inline;margin:0px 6px 5px 0px;}
.main .left .hotapp ul li img{ width:95px; height:95px;}
/*zx*/
.main .left .hotzx ul{border:1px solid #ddd;border-top:none;overflow:hidden;}
.main .left .hotzx ul li{width:200px; height:40px; line-height:20px; background:url(../images/com_bg.gif) repeat; padding:5px 10px; margin-bottom:5px;}
.main .left .hotzx ul li span{ color:#107bc0; padding-right:5px;}
.main .left .hotzx ul li a{ font-size:14px;}
.main .left .hotzx ul li a:hover{ color:#ff8b00;font-size:14px;}

/*right*/
.main .right{ float:right; height:auto; overflow:hidden; margin-top:10px; width:750px;}
.main .right .up{ height:200px; overflow:hidden;}
.main .right .up .ppt{ width:460px; height:200px; background-color:#ececec;float:left;}
.main .right .up .pp{ width:280px; height:200px; float:right; overflow:hidden;}
.main .right .up .pp .pp_l{ width:174px; float:left;}
.main .right .up .pp .pp_r{ width:100px; float:left;}
.main .right .up .pp a{background-color:#f6f6f6;text-align:center;background-repeat:no-repeat;background-position:center 50%;float: left;
margin-bottom:6px;margin-left:6px;}
.main .right .up .pp a:hover{ background-color:#efefef;}
.main .right .up .pp a.goolge{ width:174px; height:80px;margin-left:0px; background-image:url(../images/google.gif);}
.main .right .up .pp a.htc{ width:84px; height:65px; margin-left:0px;background-image:url(../images/htc.gif);}
.main .right .up .pp a.sum{ width:84px; height:65px;background-image:url(../images/sum.gif);}
.main .right .up .pp a.zte{ width:99px; height:62px; background-image:url(../images/zte.gif);}
.main .right .up .pp a.hw{ width:99px; height:62px; background-image:url(../images/huaw.gif);}
.main .right .up .pp a.moto{ width:99px; height:62px;background-image:url(../images/moto.gif);}
.main .right .up .pp a.more{ width:164px; height:31px;margin-left:0px;padding:12px 0px 0px 10px; text-align:left; font-size:14px;}
.main .right .up .pp a.more img{ margin-left:30px; vertical-align:middle;}
/*app*/
.main .right .app{ width:750px; height:120px; margin-top:10px; background:#f6f6f6;}
.main .right .app ul{ padding:10px;}
.main .right .app ul li{width:95px; height:95px; float:left; display:inline;margin:0px 5px 0px 4px;}
.main .right .app ul li img{ width:95px; height:95px;}
/*phone*/
.main .right .hotphone{width:750px; height:auto; overflow:hidden;margin-top:10px;}
.main .right .hotphone h2{ height:21px;padding:7px 12px;border-bottom: 2px solid #363636; background:url(../images/com_bg.gif) repeat;
font-size:16px; float:left; width:726px;font-weight:normal;}
.main .right .hotphone h2 a{ font-size:14px; font-weight:normal; float:right;}
.main .right .hotphone h2 a:hover{ color:#ff8b00;}

.main .right .hotphone ul{ border:1px solid #ddd; width:728px; padding:10px; float:left;}
.main .right .hotphone ul li{width:242px;height:139px;float:left;border-bottom: 1px solid #ededed;overflow: hidden;}
.main .right .hotphone ul li .img{width: 70px;height: 100px;float:left;padding: 20px 10px 20px 30px;}
.main .right .hotphone ul li .desc{width: 130px;float: right;margin-top:30px;}
.main .right .hotphone ul li .num{padding-top: 20px;color: #878787;}
.main .right .hotphone ul li .num span{ color:#107bc0}
.main .right .hotphone ul li .num p{ height:20px; line-height:20px;}
.main .right .hotphone ul li a{color:#107bc0;}
.main .right .hotphone ul li a:hover{color:#ff8b00;}

.main .right .gg{ width:750px; height:90px; margin-top:10px;}

/*footer*/
.footer{ height:300px; overflow:hidden; background-color:#222; margin-top:10px;}
.footer .desc{ height:90px; border-top:5px solid #83aa01; background:url(../images/footer.png) repeat; padding-top:20px;}
.footer .desc img{ vertical-align:middle;}
.footer .desc .left{ float:left;}
.footer .desc .right{ float:right; padding-top:20px;}
.footer .desc .right h3{ font-size:20px; color:#83aa01; font-weight:normal;}
.footer .desc .right h3 span{font-size:30px;}
.footer .desc .right p{ color:#fff; height:25px; line-height:25px;}
.footer .link{ height:40px; line-height:40px; border-top:1px solid #414242;border-bottom:1px solid #414242; margin-top:20px;}
.footer .link ul{ padding:0px 10px; height:40px; overflow:hidden;}
.footer .link ul li{ width:80px; float:left;}
.footer .link ul li b{ color:#83aa01; font-weight:normal;}
.footer .link ul li a{ color:#b1b1b1;}
.footer .link ul li a:hover{ color:#ff8b00;}
.footer .copy{ margin-top:30px; height:100px; overflow:hidden;}
.footer .copy .left{ width:720px;color:#919191; float:left;}
.footer .copy .left p{ height:22px; line-height:22px;}
.footer .copy .left span{ padding-left:10px;}
.footer .copy .left a{ color:#919191; padding:0 10px;}
.footer .copy .left a:hover{ color:#ff8b00;}
.footer .copy .right{ width:250px; float:right;}
.footer .copy .right p{ height:23px; line-height:23px; font-size:16px; color:#fff;}






